/* 基础的css配置 */
* {
  margin: 0;
  padding: 0;
  list-style: none;
}

html, body, #app {
  margin-right: calc(100% - 100vw) !important;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  /*min-height: 600px;*/
}


/* 点击 */
.dianji{
  @apply cursor-pointer select-none hover:text-blue-500 active:text-red-500
}
/* 垂直水平居中 */
.juzhong1{
  @apply flex justify-center items-center
}
/* 垂直水平居中 */
.juzhong2 {
  @apply flex justify-center content-center
}
/* 标题文字 */
.titletext{
  @apply text-3xl font-semibold
}





/*修改全局样式*/
/* dialog的样式覆盖*/
.n-dialog{
  padding: 10px!important;
}
.n-dialog__close{
  margin-top: 3px!important;
  margin-right: 3px!important;
}
/*导航菜单的样式*/
/* 布局样式覆盖 */
.n-layout-scroll-container{
  display:flex;
  flex-direction:column;
}
/*修改日期选择器，宽度*/
.n-date-picker{
  width: 100%;
}

/* 覆盖描述列表的样式 */
/*.n-descriptions-table-row{*/
/*    display: flex;*/
/*}*/
/*.n-descriptions-table-header{*/
/*    flex-shrink: 0;*/
/*}*/
/*覆盖dialog和model的默认宽度，使用自动宽度*/
.n-dialog.n-modal{
  width: auto!important;
  min-width: 400px!important;
  min-height: 100px!important;
  max-width: 90vw;
}
/*覆盖tag的默认样式*/
.biaoqian{
  @apply flex cursor-pointer;
}
.biaoqian > .n-tag__content{
  @apply flex-1 text-center;
}

.biaoqian > .n-base-close:hover{
  @apply text-red-500;
}


/*  闪烁效果 */
@keyframes pulsea {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
@-webkit-keyframes pulsea {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
.shanshuo {
  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  animation: pulsea 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}




/*滚动条区域*/
html {
  box-sizing: border-box;
  scrollbar-width: thin;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  scrollbar-width: inherit;
}

/*伪元素无法继承*/
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-thumb {
  background: hsl(214, 13%, 75%);
  border-radius: 4px;
}

/*滚动条区域*/


.modelTile{
  @apply text-3xl
}



/*图片样式覆盖*/
.n-image > img{
  width: 100%;
}


/* 向上移动的动画 */
@keyframes moveUp {
  from{
    transform:translateY(0px);
  }
  to{
    transform:translateY(-500px);
  }
}

.movetoup{
  animation: moveUp 5s 0.3s;
}

/* 自动敲木鱼的动画 */
@keyframes autoclick {
  0%{ transform:rotate(-40deg);}
  60%{ transform:rotate(-40deg);}
  80%{transform:rotate(-62deg);}
  100%{transform:rotate(-40deg);}
}

.autoClick{
  animation: autoclick 2s ease 0s infinite;
}
